<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>测试JSONP解决跨域</title>
    </head>
    <body>
        <h2>该页面是测试JSONP解决跨域</h2>
        <button id="btn">点我获取数据 标准写法</button>
        <button id="btn2">点我获取数据 简化写法</button>
        <script type="text/javascript" src="./js/jquery.js"></script>
        <script type="text/javascript">
            let btn = document.getElementById("btn")
            btn.onclick = function(){
                // 使用jquery封装的jsonp 标准写法
                $.ajax({
                    url: "http://localhost:3000/test_get",
                    type: "get",
                    dataType: "jsonp",
                    data: {m: 1, n: 2},
                    success: (data)=>{
                        console.log(data)
                    },
                    error: (err) => {
                        console.log(err)
                    }
                })
            }

            let btn2 = document.getElementById("btn2")
            btn2.onclick = function(){
                // 使用jquery封装的jsonp 标准写法
                $.getJSON("http://localhost:3000/test_get?callback=?", {m: 1, n: 2}, (data) => {
                    console.log(data)
                })
            }
        </script>
    </body>
</html>